<template>
	<view>
		<view class="head">
			<image src="../../static/images/arrow_left.png" @click="goback" mode=""></image>
			<view class="" >收款账号{{this.arr.length}}</view>
			<view class="f42" @click="goadd">+</view>
		</view>
	<view class="box" v-for="iteam in arr" :key="iteam.account_id" @click="ax(iteam)">
		<view class="box-l">
			<view class="f32 ca">
				{{iteam.account_name}}
			</view>
			<view class="f28" style="color: #666666;">
				{{iteam.account_no}}
			</view>
		</view>
		<image src="../../static/images/arrow_right.png" mode=""></image>
	</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
          arr:'',
		
		};
	},
	onLoad() {
		this.seave()
		
	},
	methods: {
		seave() {
			this.$ajax('/api/v1.shop/index', {})
				.then(res => {
					this.arr = res.result.receive_account;
					
				})
				.catch(res => {
					console.log(Error);
				});
		},
		goback(){
			uni.navigateTo({
				url: 'addAccount'
			});
		},
		ax(e){			
			uni.navigateTo({
				url: './Editaccount?id='+JSON.stringify(e)
			});
		},
		goadd(){
			uni.navigateTo({
				url: 'addAccount'
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
.head {
	height: 88rpx;
	line-height: 88rpx;
	background-color: #249af6;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	image {
		width: 22rpx;
		height: 39rpx;
		margin-top: 25rpx;
	}
}
.f42{
	font-size: 80rpx;
}
.box{
	margin-top: 20rpx;
	height: 156rpx;
	background-color: #FFFFFF;
	display: flex;
	padding:0 30rpx;
    justify-content: space-between;
	image{
		width: 19rpx;
		height: 34rpx;
		margin-top:61rpx ;
	}
	.box-l{
		.ca{
			margin-top: 38rpx;
			margin-bottom: 21rpx;
		}
	}
}
</style>

